<!DOCTYPE html>

<html>

	<head>
		<meta charset="utf-8" />
		<title>ENI Training Course Manager</title>
		<link rel="stylesheet" type="text/css" href="/QCM-Server/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/QCM-Server/css/login.css" />
		<!--[if IE]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>

	<body>
		
		<section id="page">
		
			<header>
				<hgroup>
					<h1>ENI Training Course Manager</h1>
					<h2>The perfect tool to manage your training courses.</h2>
				</hgroup>
			</header>
			
			<div class="line"></div>
			
			<article>
				<h2>Authentication</h2>
				<div class="line"></div>
				<div class="login clear">
					<form action="/QCM-Server/LoginServlet" method="post"> 
						<fieldset>
							<label for="username">Username</label>
							<input type="text" name="username" id="username" required autofocus>
							<label for="password">Password</label>
							<input type="password" name="password" id="password" required>
						</fieldset>
						<fieldset>
							<button type=submit>GO</button>
						</fieldset>
					</form>
				</div>
			</article>
			
			<footer>
				<div class="line"></div>
				<p>ENI. All rights reserved.</p>
			</footer>
		
		</section>
		
	</body>
	
</html>